<template>
  <div class="div_body" :style="{ 'background-color':bgcolor}">
    <h1 :style="{ color:color }">{{ us_title }}</h1>
  </div>
</template>

<script>
// 封装组件的案例
// 封装要求：
// ①允许用户自定义title标题
// ②允许用户自定义bgcolor背景色
// ③允许用户自定义color文本颜色
// ④MyHeader组件需要在页面顶部进行fixed固定定位，且z-index等于999
export default {
  props: ["us_title", "bgcolor", "color",],
};
</script>

<style>
.div_body {
  width: 400px;
  height: 200px;
  position: fixed;
  z-index: 999;
  top: 100px;
  left: 100px;
}
</style>